import React from 'react'
import { Avatar,Divider } from 'antd'
import style from '../styles/components/author.module.css'
import {GithubOutlined,ZhihuOutlined,QqOutlined} from '@ant-design/icons'

const Author = ()=>{
    return(
        <div className={style.container}>
            <div>
                <Avatar className={style.avatar}
                 size={100} src="/touxiang.JPG"/>
                <span className={style.authorname}>小小姜</span><br/>
                重庆邮电大学本科在读，前端开发者
            </div>
            <div className={style.introduction}>
                <Divider>社交账号</Divider>
                <a href="https://gitee.com/jiang-xingrun"><Avatar className={style.account} size={32} icon={<GithubOutlined/>}/></a>
                <a href="https://www.zhihu.com/people/xiaoxiaojiang-57"><Avatar className={style.account} size={32} icon={<ZhihuOutlined/>}/></a>
                <Avatar className={style.account} size={32} icon={<QqOutlined/>}/>
                <p>联系电话：18225055102</p>
                <p>邮箱：1104309646@qq.com</p>
            </div>
        </div>
    )
}

export default Author